@charset "utf-8";
/* CSS Document */

body {font-size:14px;font-family: "微软雅黑"; background:#f7f7f7;} 

body,h1, h2, h3, h4, h5, h6,a,ul,li,p,.topnav,.logo-main,.menutab,.Hom_content_warp,.footer_nav_conten,.footer_mina,.footer_img{ margin: 0 auto; padding:0;border:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul, ol, li, dt, dl {list-style-type:none;vertical-align:0}
a {outline-style:none;text-decoration:none;}
img{ border:0;}

.header{width: 100%;}
.header .top1{height:50px; line-height:50px; background:#003f88;}
.header .top1 ul{ width:1200px; margin:0 auto;}
.header .top1 ul li{ float:right; margin:15px 5px 0;}
.header .top1 ul li{ background: url(2_02.jpg) right center no-repeat; padding-right:10px; height:15px; line-height:15px;}
.header .top1 ul li a{ color:#fff;}
.header .top1 ul li:first-child{ background:none;}
.header .top{ height:100px; border-bottom:1px solid #ccc; background:#fff;}
.header .logo{position: relative; margin-left:10px;width: 1200px; margin:0 auto;}
.header .logo>a img:nth-of-type(2){display: none;}
.header .logo img{padding-top:10px;}

.nav_wrap{width: 1230px; margin:0 auto;height:45px; line-height:45px; background:#003f88; z-index:1000; margin-left:-15px;}
 
.search{float: right;width: 30px;position: relative; margin-top:20px;}
.search .sub{width: 30px;height: 23px;background: url(sear.png) no-repeat right center;border:0;text-indent: -9999px;}
.search .text{width:160px;height:25px;line-height:25px;z-index: 999999999;
	position: absolute;top:50%;right: 30px;border:1px solid #eee;background: #fff;
	text-indent: 10px;
	-webkit-transform: translateY(-50%);transform: translateY(-50%);
}


/*搜索*/
.sear_con{ display: block; padding-right: 10px; float: right; margin-top:20px;}
/*banner*/
.banner{ width:100%; position:relative; z-index:-10;}
.banner img{ width:100%;}

.bannerbg{ width:100%; height:1px; background:#087ec8; z-index:15;}

.wrap_wrap{background: url(bg.jpg) repeat-x; z-index:10; position:relative;}
.wrap{ width:1200px; margin:0 auto; background:#fff; margin-top:-20px; z-index:20; padding:0 15px 15px 15px;}


/*================= 首页 ==================*/
#s_main_box{ position:relative; width:1200px; margin:0 auto;}
#s_module_box { padding:35px 0 35px 0; height:110px; overflow:hidden; position:relative;}
#s_module_box .dd{ float:left; border-right:1px solid #e0e1e3;  padding-right:50px; margin-right:53px;}

.s_title{ position: relative; margin-bottom:25px;}
.s_title h1{ font-size:16px; font-weight: 700; color: #37383f; display: block;}
  
 
/*================= 新闻中心 ==================*/
#s_main_box .f1{ margin: 35px 0px 5px; overflow: hidden;}
#s_main_box .f1 .left { width:1200px;}

#s_main_box .f1 .index-title{ margin-bottom:20px;}
#s_main_box .f1 .index-title span img{ margin-top:10px;}
#s_main_box .f1 .left .title h1{ font-size:18px;  color: #003b8f; display: block; padding-left: 35px; background: url(icon_s_news.png) left center no-repeat;     position: absolute;  left: 0;top: 7px;}
#s_main_box .f1 .left .title .more{ display: block; position: absolute; right: 0; top: -5px; background: url(icon_s_more.png) center no-repeat; height: 45px; width: 26px; }
#s_main_box .f1 .left .title .more:hover{  background: url(icon_s_more_hover.png) center no-repeat; }
#s_main_box .f1 .left .content{ position: relative;}

#s_slide_news_pic{ width:580px; height:355px;  overflow:hidden; position:relative; float:left;}
#s_slide_news_pic .bd{ position:relative; height:100%; z-index:2;   }
#s_slide_news_pic .bd li{ position:relative; display:block;  }
#s_slide_news_pic .bd li a{ display:block; position:relative;  width:580px; height:355px; }
#s_slide_news_pic .bd ul li h1{ color:#fff; font-size:14px; text-align: center;line-height:45px; height:45px;  width: 540px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; padding:0 20px;  display:block; position:absolute; left:0; bottom:0; bottom: 0px; z-index:99999; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:#013f88;}
#s_slide_news_pic .bd img{ width:580px; height:355px; display:block;  }
#s_slide_news_pic .hd{height: 45px; width: 150px; overflow:hidden; position:absolute; right:20px; bottom:0px; z-index:9; }
#s_slide_news_pic .hd ul{ overflow:hidden; zoom:1; float:right; margin-top: 16px;  }
#s_slide_news_pic .hd ul li{float:left; margin-left:10px; width:13px; height:13px; border-radius:50%;  text-align:center; background:#bebebe; cursor:pointer; }
#s_slide_news_pic .hd ul li.current{ background:#d2333d;   }
#s_slide_news_pic .bnt{ display: block; left: -50px; width: 38px; text-align: center; height: 38px; line-height: 38px; top: 50%; z-index:8; margin-top: -19px; font-size: 24px; font-family: "SimSun"; color: rgb( 255, 255, 255 );  position: absolute;  }
#s_slide_news_pic .bnt.next{ left: auto; right:-50px;}
#s_slide_news_pic:hover .bnt { left: 20px; }
#s_slide_news_pic:hover .bnt.next{left: auto; right:20px;}


#s_news_date{ position: absolute; left: 480px; top: 0; width: 450px; float:left;}
#s_news_date .text_box a{ font-size: 18px; color:#003b8f; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#s_news_date .text_box span{ display: block; font-size: 12px; color: #b5b6b8; margin: 10px 0;}
#s_news_date .text_box p{  line-height: 24px; color: #98999a; font-size: 14px; height: 48px;}
#s_news_date .text_box{ padding-bottom: 20px; border-bottom: 1px dotted #ccc; margin-bottom: 20px;}
#s_news_date .text_box a:hover{ color: #003b8f; text-decoration: underline;}

/*================= 文字新闻 ==================*/
#s_news_date .text_news li{ display: block; position: relative; height: 36px; line-height: 36px;}
#s_news_date .text_news a{background: url(icon_news_qq.png) left center no-repeat;  padding-left: 12px;  font-size: 14px; color: #525353; float: left; margin-right: 25px; display: block; line-height: 36px; width: 202px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#s_news_date .text_news li a{ width: 320px; display: block; }
#s_news_date .text_news li span{ font-size: 12px; color: #9f9f9f; position: absolute; right: 0; top: 0;}
#s_news_date .text_news li a:hover{ color: #003b8f;}

/*================= 公告栏 ==================*/
#slide_news_top{ padding:25px; border: 1px solid #e5e5e5; width: 170px; height: 388px; overflow: hidden; float:right;}
#slide_news_top .title{ position:relative; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; }
#slide_news_top h1{ display: block;  font-size: 18px; color: #003b8f; }
#slide_news_top .bd { height: 360px; overflow: hidden;}
#slide_news_top .bd a{ display:  block; line-height: 24px;  margin-bottom: 30px;  padding-bottom: 10px;border-bottom: 1px dotted #DDD; margin-bottom: 15px;}
#slide_news_top .bd h1{ height: 43px; overflow: hidden;  font-size:14px;color:#606264;}
#slide_news_top .bd a:hover h1{ color: #003b8f;}

 
/*================= 专题入口 ==================*/
#s_gg_box{}
#s_gg_box section{ width:380px;}
#s_gg_box .gg_box a { display: block; position: relative;}
#s_gg_box .gg_box img{ width:380px; height: 140px; display: block;}
#s_gg_box .gg_box .icon_box{ position:absolute; display:block; left:0; top:0; width:100%; height:100%;  }
#s_gg_box .gg_box .icon_box::before,#s_gg_box .gg_box  .icon_box::after {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
#s_gg_box .gg_box .icon_box::before{border-top: 1px solid rgba(255,255,255,.7);border-bottom: 1px solid rgba(255,255,255,.7);-webkit-transform: scale(0,1);transform: scale(0,1); -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#s_gg_box .gg_box .icon_box::after {border-right: 1px solid rgba(255,255,255,.7);border-left: 1px solid rgba(255,255,255,.7); -webkit-transform: scale(1,0);transform: scale(1,0);-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#s_gg_box .gg_box a:hover .icon_box::before,#s_gg_box .gg_box a:hover .icon_box::after {opacity: .7;-webkit-transform: scale(1);transform: scale(1);}
 



.main_wraper{ }
 
.biaoti{width:1200px; margin:0 auto;padding:0px 0 40px 0;text-align: center;}
.biaoti .pic{width:750px;height:0px;margin:0 auto;}
.biaoti h2{font-size:25px;padding:5px 15px 15px 15px;color:#333;font-family: "微软雅黑"; text-align: center;}

.biaoti1{ width:800px; margin:0 auto; text-align:center; margin-bottom:30px; line-height:30px;}
.biaoti1 p{ line-height:25px;}



/*首页概况*/
.index_gk {width: 100%;margin: auto;}

/*业务*/
.index{}
.index_yewu { overflow:hidden; width:100%;}
.index_yewu .yewubox{ height:110px; width:1200px; margin:0 auto; margin-bottom:10px;}
.index_yewu .yewubox>li{ display:block; width:299px; height:110px; padding-bottom:20px; margin-top:-20px; float:left; overflow:hidden; position:relative;}
.index_yewu .yewubox>li i{ height:70px; margin-top:-80px; border-right:2px solid #1bc7ff; float:right;}
.index_yewu .yewubox>li.last{ border:none}
.index_yewu .yewubox>li h3{ text-align:center; font-size:18px; color:#333; margin-top:100px; font-weight:normal;}
.index_yewu .yewubox>li:hover h3{color:#1d8bbc;}

.index_yewu .yewubox> .li1{background: url(1.png) no-repeat center center;}
.index_yewu .yewubox> .li1:hover{background: url(1_1.png) no-repeat center center;}
.index_yewu .yewubox> .li2{background: url(2.png) no-repeat center center;}
.index_yewu .yewubox> .li2:hover{background: url(2_2.png) no-repeat center center;}
.index_yewu .yewubox> .li3{background: url(3.png) no-repeat center center;}
.index_yewu .yewubox> .li3:hover{background: url(3_3.png) no-repeat center center;}
.index_yewu .yewubox> .li4{background: url(4.png) no-repeat center center;}
.index_yewu .yewubox> .li4:hover{background: url(4_4.png) no-repeat center center;}



.index01 {width: 100%;overflow: auto;}
.index01 .right {width: 100%;height: auto;overflow: auto;margin-top:30px;}
.index01 .right .hdwk {width: 1200px;height: auto;margin: 0 auto;overflow: auto;position: relative;}
.index01 .right .slider1 {width: 370px;height: auto;position: relative;float: left;margin-right:45px;padding-bottom: 30px;border: 1px solid #dcdcdc;box-sizing: border-box;background:#1cc7ff;}
.index01 .right .slider1:nth-child(3) {margin-right:0px;}
.index01 .right .slider1 .rslides {position: relative;list-style: none;overflow: auto;width: 100%;padding: 0;}
.index01 .right .slider1 li {background: none;}
.index01 .right .slider1 li .bt {text-align:center;color:#fff;font-size:18px;height: 36px;padding: 5px 0;text-align: center;}
.index01 .right .slider1 li .pic {width: 275px;text-align:center;margin:0 auto;height: 135px;}
.index01 .right .slider1 li .pica { width:90px; height:90px;margin-top:30px;}
.index01 .right .slider1 li .pic1 {background: url(icon1.png) no-repeat center center;}
.index01 .right .slider1 li .pic2 {background: url(icon2.png) no-repeat center center;}
.index01 .right .slider1 li .pic3 {background: url(icon3.png) no-repeat center center;}
.index01 .right .slider1 li .pic1:hover {background: url(111_2.png) no-repeat center center;}
.index01 .right .slider1 li .pic2:hover {background: url(222_2.png) no-repeat center center;}
.index01 .right .slider1 li .pic3:hover {background: url(333_2.png) no-repeat center center;}
.index01 .right .slider1 li .w {width: 90%;margin: 0 auto;text-align:center;color:#fff;}
.index01 .right .slider1 li .w h2 {font-size: 20px;text-align: center;}
.index01 .right .slider1 li .w .fbt {width: 100%;font-size: 15px;font-family: "微软雅黑";color: #0084e9;}
.index01 .right .slider1 li .w span {display: block;width: 100%;height: 84px;line-height: 28px;font-size: 12px;overflow: hidden;padding: 20px 0 40px;}

.index02 {overflow: hidden; margin-top:15px;} 
.index02 .right {width: 100%;margin: 0 auto;}
.index02 .right .new-k {width: 100%;overflow: auto;background: #e8e8e8;}

.news_c {margin: 0 auto;}
.news_z{width:50%;float:left; padding:20px 0 30px;}
.news_c .zuo{width:560px;float:left; margin-left:30px;}
.news_c .zuo .title { margin-bottom:20px;}
.news_c .zuo .title .zn{ font-size:36px; color:#0e5983;}
.news_c .zuo .title .en{ font-size:20px;}
.news_c .zuo .title .xian{width:80px;height:0px; border:1px solid #ccc; margin:5px 0;}
.news_c .zuo ul{ height:420px;}
.news_c .zuo li{line-height:35px;}
.news_c .zuo li span{float:right;}
.news_c .more{ float:right; margin-top:20px; background:#03b2c7; padding:10px 35px;}
.news_c .more1{ float:right; margin-top:10px; background:#27343d; padding:10px 35px;}
.news_c .more a{ color:#fff;}
.news_c .more:hover{ background:#1bc7ff;}

.news_y{width:50%;float:right;background: #f6f6f6; padding:20px 0 30px;}
.news_c .you{width:560px;float:right; margin-right:30px;}
.news_c .you .title { margin-bottom:30px;}
.news_c .you .title .zn{ font-size:36px; color:#0e5983;}
.news_c .you .title .en{ font-size:20px;}
.news_c .you .title .xian{width:80px;height:0px; border:1px solid #ccc; margin:5px 0;}
.news_c .you .yn{ height:420px;}
.news_c .you .yt{margin:0 0 30px 0;}
.news_c .you .yz{line-height:28px; text-align:justify;}


.index03 {width: 100%;padding-bottom: 15px;padding-top: 20px;}
.index03 .main {width: 1200px;margin: 0 auto;}

.pro_concept li.selected .mask{display:block;}
.pro_concept ul{height:auto; overflow:hidden; width:100%; }
.pro_concept li{width:360px; margin-right:60px; height:361px; float:left; display:inline; position:relative;}
.pro_concept li img{width:360px;}
.pro_concept li .tip{background:url(img48.png) repeat; height:260px; right:0; position:absolute; left:0; bottom:0; padding:150px 30px 15px 30px; line-height:30px; color:#fff; display:none;}

.pro_concept li.selected .tip{display:block;}
.pro_concept li.selected .mask{display:block;}
.pro_concept li .tip h1{ font-size:24px; text-align:center; margin-bottom:20px;}
.pro_concept li .tip p{ margin-bottom:50px;}
.pro_concept li .tip .more{ width:120px; text-align:right; float:right; height:35px; line-height:35px;}
.pro_concept li .tip .more a{background:url(more1.png) no-repeat; padding-left:30px;  color:#fff; font-size:16px;}
.pro_concept li:last-child{ margin-right:0;}




.index04 {width: 100%;padding: 10px 0 50px 0;background:#f6f6f6;}
.index04 .ditu {width: 1200px;margin: 0 auto;}


/*--------洋葱活动--------*/
.index05 {width: 100%;padding: 5px 0 2px 0;}
.index-pink{padding-bottom: 43px;width: 1200px; margin:0 auto;}
.index-huodong{position: relative;float: left;width: 741px;}
.index-huodong .index-title, .index-video .index-title{margin: 0;padding: 17px 0 18px;}
.index-huodong .index-title h2, .index-video .index-title h2{color: #333;line-height: 46px;}
.index-huodong span, .index-video span{color: #500d22;}

.index-hd-con{ background:#f2f2f3;}




/*--------洋葱视频--------*/
.index-video{position: relative;float: right;width: 435px;}




/* 首页联系地址 */
.footer {background: #171d2b;overflow: hidden}
.foot_nr {width: 1200px;margin: auto;overflow: hidden;padding: 50px 0 20px 0;}

.foot_nr .right {float: right;margin-right: 50px;width: 130px;}
.foot_nr .right img {width: 100%}
.foot_nr .right p {color: #7b7b7b;text-align: center; margin-top:10px;}

.foot_nr .left {float: left;}
.foot_nr dl {float: left;padding: 5px 0 0 0;color:#fff;}
.foot_nr dl a { margin-right:70px;}
.foot_nr dl dt {font-size: 16px;margin-bottom: 10px;font-family: "微软雅黑"}
.foot_nr dl dt a {color: #ddd; text-align:center;}
.foot_nr dl dd a {font-size: 12px;color: #ddd;display: block;line-height: 30px; text-align:center;}
.foot_nr dl dd a:hover {color: #0084e9;}

.foot_botoom{background: #171d2b;color: #ddd; line-height:25px; border-top:1px solid #1bc7ff; padding:20px 0 5px;}
.foot_botoom .botoom{ width:1200px; margin:0 auto; text-align:center; font-size:14px;color: #ddd;}
.foot_botoom .botoom p{ font-size:14px;}


 

.main_banner{ position:relative;width:100%;}
.div_nav{ background:#e6e6e6; height:50px;}
.div_box{ background:#fff; width:1200px; margin:50px auto 150px;}
.div_nav ul{ background:url(2_02.jpg) left top no-repeat; padding-left:1px; width:1200px; margin:0 auto;}
.div_nav ul li{ background:url(2_02.jpg) right top no-repeat; width:203px; float:left; line-height:50px; padding-right:1px;}
.div_nav ul li a,.div_nav ul:hover .li a{ display:block; text-align:center; color:#666; font-size:16px; background:url(2_04.jpg) center top repeat-x; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_nav ul li a:hover,.div_nav ul .li a,.div_nav ul:hover .li a:hover{ background:url(2_03.jpg) center top repeat-x; color:#e62129; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.div_abo{ width:1200px; margin:0 auto; padding-top:0px;}
.div_abo .div1{ background:#fafafa; padding-bottom:120px;}
.div_abo .div1 .rg{ padding:4%; width:92%; text-align:justify;}
.div_abo .div1 .rg .p1{ font-size:26px; color:#333; background:url(8_03.jpg) bottom left no-repeat; padding-bottom:25px;}
.div_abo .div1 .rg .p3{ font-size:14px; color:#333; line-height:28px; margin-top:25px;}








